
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
<![endif]-->
<title>세계문화 예술주간</title>
<link type="text/css" href="./web/css/reset.css" rel="stylesheet" />
<link type="text/css" href="./web/css/basic.css" rel="stylesheet" />
<link type="text/css" href="./web/css/main.css" rel="stylesheet" />
<script type="text/javascript" src="./web/js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="./web/js/jquery.blueberry.js"></script>
</head>

<script>
$(window).load(function() {
	$('.blueberry').blueberry();
});
</script>

<body>
<div class="wrap">
<!--header start-->
	<div class="header_wrap">
		<div class="header">
			<h1><a href="#"><img src="./web/images/logo.jpg" alt="2014 세계문화예술교육 주간"></a></h1>
			<div class="home_site">
				<span><a href="#">HOME</a></span> <a href="#">SITEMAP</a>
			</div>
			<div class="sns">
				<span><a href="https://www.facebook.com/artejockey"><img src="./web/images/icon_fb.png" alt="페이스북 연결" /></a></span>
				<span><a href="https://twitter.com/artejockey"><img src="./web/images/icon_tw.png" alt="트위터 연결" /></a></span>				
			</div>
		</div>
		<div class="menu_wrap">
			<div class="menu">
				<ul class="menu_list">
					<li class="active"><a href="#">세계문화예술교유 주간 소개</a></li>
					<li><a href="#">사전 캠페인</a></li>
					<li><a href="#">프로그램</a></li>
					<li><a href="#">프로그램신청</a></li>
					<li><a href="#">공지사항</a></li>
					<li><a href="#">사진동영상</a></li>
				</ul>
			</div>
		</div>
	</div>
	<!--header end-->	
	<!--contents start-->
	<div class="contents">
		<section class="main_slider">
			<div  class="blueberry">
				<ul class="slides">
					<li><img src="./web/images/main_1.jpg" alt="" /></li>
					<li><img src="./web/images/main_2.jpg" alt="" /></li>
					<li><img src="./web/images/main_3.jpg" alt="" /></li>
					<li><img src="./web/images/main_4.jpg" alt="" /></li>
					<li><img src="./web/images/main_5.jpg" alt="" /></li>
					<li><img src="./web/images/main_6.jpg" alt="" /></li>
					<li><img src="./web/images/main_7.jpg" alt="" /></li>
					<li><img src="./web/images/main_1.jpg" alt="" /></li>
					<li><img src="./web/images/main_1.jpg" alt="" /></li>
				</ul>
				 <ul class="pager">
				    <li class="first"><a href="#"><span>세계문화예술교육주간</span></a></li>
				    <li><a href="#"><span>5월 18일(일)</span></a></li>
				    <li><a href="#"><span>5월 19일(월)</span></a></li>
				    <li><a href="#"><span>5월 20일(화)</span></a></li>
				    <li><a href="#"><span>5월 21일(수)</span></a></li>
				    <li><a href="#"><span>5월 22일(목)</span></a></li>
				    <li><a href="#"><span>5월 23일(토)</span></a></li>
				  </ul>
			</div>
		</section>
		<div class="program">
			<h3><img src="./web/images/program_title.png" alt="프로그램" /> <span>2014 세계문화예술교육 주간소개의 프로그램을 소개합니다.</span></h3>
			<ul>
				<li><a href="#"><img src="./web/images/program1.jpg" alt="주간행사 소개" /></a></li>
				<li><a href="#"><img src="./web/images/program2.jpg" alt="프로그램 신청" /></a></li>
				<li><a href="#"><img src="./web/images/program3.jpg" alt="유형별 프로그램" /></a></li>
				<li class="last"><a href="#"><img src="./web/images/program4.jpg" alt="장소별 프로그램" /></a></li>
			</ul>
		</div>

		<section class="bbs_wrap">
			<div class="notice">
				<span>공지사항</span><span>Notice</span><span>안녕하세요. 2014 세계문화예술교육 주간 홈페이지가 오픈하였습니다.</span>
				<div class="list_navi">
					<span>2014.03.20</span>
					<span><a href="#"><img src="./web/images/icon_list.gif" alt="공지사항 리스트" /></a></span>
				</div>
			</div>
			<div class="photo">
				<span>사진첩</span><span>Photo</span>
				<div class="photo_list_back">
					<ul>
						<li><a href="#"><img src="./web/images/photo1.png" alt="사진1" /></a></li>
						<li><a href="#"><img src="./web/images/photo1.png" alt="사진2" /></a></li>
						<li class="last"><a href="#"><img src="./web/images/photo1.png" alt="사진3" /></a></li>
					</ul>
				</div>
				<div class="list_navi">
					<span><a href="#"><img src="./web/images/icon_list.gif" alt="사진첩 더보기" /></a></span>
				</div>				
			</div>
			<div class="video">
				<span>동영상</span> <span>Video</span>
				<div class="video_list_back">
					<ul>
						<li><a href="#"><img src="./web/images/vedio1.png" alt="동영상1" /></a></li>
						<li><a href="#"><img src="./web/images/vedio1.png" alt="동영상1" /></a></li>
					</ul>
				</div>
				<div class="list_navi">
				<span><a href="#"><img src="./web/images/icon_list.gif" alt="동영상 더보기" /></a></span>
				</div>				
			</div>
			<div class="banner">
				<a href="#"><img src="./web/images/banner.jpg" alt="당신의 말을 기억하게 되는 날" /></a>
			</div>
		</section>
		
	</div>
	<!--contents end-->

	<!--footer start-->
	<div class="footer_wrap">
		<div class="footer">
			<p><img src="./web/images/footer_logo.jpg" alt="세계문화 예술교육 주간" /></p>
			<ul>
				<li><a href="#"><img src="./web/images/footer_link1.jpg" alt="문화체육관광부" /></a></li>
				<li><a href="#"><img src="./web/images/footer_link2.jpg" alt="한국문화예술교육진흥원 " /></a></li>
				<li><a href="#"><img src="./web/images/footer_link3.png" alt="" /></a></li>
			</ul>
		</div>
		
	</div>
<!--wrap end-->
</div>
</body>
</html>